Monster Outbreak Wiki

<mediawiki xmlns="http://www.mediawiki.org/xml/export-0.11/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mediawiki.org/xml/export-0.11/ http://www.mediawiki.org/xml/export-0.11.xsd" version="0.11" xml:lang="en">
  <siteinfo>
    <sitename>Monster Outbreak Wiki</sitename>
    <dbname>monsteroutbreak_en</dbname>
    <base>https://monsteroutbreak.wiki.gg/wiki/Monster_Outbreak_Wiki</base>
    <generator>MediaWiki 1.39.0</generator>
    <case>first-letter</case>
    <namespaces>
      <namespace key="-2" case="first-letter">Media</namespace>
      <namespace key="-1" case="first-letter">Special</namespace>
      <namespace key="0" case="first-letter" />
      <namespace key="1" case="first-letter">Talk</namespace>
      <namespace key="2" case="first-letter">User</namespace>
      <namespace key="3" case="first-letter">User talk</namespace>
      <namespace key="4" case="first-letter">Monster Outbreak Wiki</namespace>
      <namespace key="5" case="first-letter">Monster Outbreak Wiki talk</namespace>
      <namespace key="6" case="first-letter">File</namespace>
      <namespace key="7" case="first-letter">File talk</namespace>
      <namespace key="8" case="first-letter">MediaWiki</namespace>
      <namespace key="9" case="first-letter">MediaWiki talk</namespace>
      <namespace key="10" case="first-letter">Template</namespace>
      <namespace key="11" case="first-letter">Template talk</namespace>
      <namespace key="12" case="first-letter">Help</namespace>
      <namespace key="13" case="first-letter">Help talk</namespace>
      <namespace key="14" case="first-letter">Category</namespace>
      <namespace key="15" case="first-letter">Category talk</namespace>
      <namespace key="110" case="first-letter">Forum</namespace>
      <namespace key="111" case="first-letter">Forum talk</namespace>
      <namespace key="420" case="first-letter">GeoJson</namespace>
      <namespace key="421" case="first-letter">GeoJson talk</namespace>
      <namespace key="500" case="first-letter">User blog</namespace>
      <namespace key="501" case="first-letter">User blog comment</namespace>
      <namespace key="502" case="first-letter">Blog</namespace>
      <namespace key="503" case="first-letter">Blog talk</namespace>
      <namespace key="710" case="first-letter">TimedText</namespace>
      <namespace key="711" case="first-letter">TimedText talk</namespace>
      <namespace key="828" case="first-letter">Module</namespace>
      <namespace key="829" case="first-letter">Module talk</namespace>
      <namespace key="1200" case="first-letter">Message Wall</namespace>
      <namespace key="1201" case="first-letter">Thread</namespace>
      <namespace key="1202" case="first-letter">Message Wall Greeting</namespace>
      <namespace key="2000" case="first-letter">Board</namespace>
      <namespace key="2001" case="first-letter">Board Thread</namespace>
      <namespace key="2002" case="first-letter">Topic</namespace>
      <namespace key="2300" case="case-sensitive">Gadget</namespace>
      <namespace key="2301" case="case-sensitive">Gadget talk</namespace>
      <namespace key="2302" case="case-sensitive">Gadget definition</namespace>
      <namespace key="2303" case="case-sensitive">Gadget definition talk</namespace>
    </namespaces>
  </siteinfo>
<page arvcontinue="">
  <title>Monster Outbreak Wiki</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>1</id>
    <timestamp>2021-11-29T15:17:56Z</timestamp>
    <contributor>
      <username>MediaWiki default</username>
      <id>0</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</text>
    <sha1>5702e4d5fd9173246331a889294caf01a3ad3706</sha1>
  </revision>
  <revision>
    <id>3</id>
    <parentid>1</parentid>
    <timestamp>2022-08-16T02:00:27Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Westgrass moved page [[Main Page]] to [[Monster Outbreak Wiki]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</text>
    <sha1>5702e4d5fd9173246331a889294caf01a3ad3706</sha1>
  </revision>
  <revision>
    <id>7</id>
    <parentid>3</parentid>
    <timestamp>2022-08-16T02:02:48Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Monster Outbreak Wiki]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</text>
    <sha1>5702e4d5fd9173246331a889294caf01a3ad3706</sha1>
  </revision>
  <revision>
    <id>8</id>
    <parentid>7</parentid>
    <timestamp>2022-08-16T02:03:10Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="772" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]


[[category:Monster Outbreak Wiki]]</text>
    <sha1>4ddd86bc37a7e326e773a87767bbc2806d6ae6f1</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>2</id>
  <revision>
    <id>2</id>
    <timestamp>2022-08-16T01:59:21Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "/***********************************************************************************************************  * css reset for browser default rules and MediaWiki internal rules  ***********************************************************************************************************/ * {   outline: 0; }  table {   white-space: unset; /* be set to `no-wrap` in MW internal css */ }  html {   font-size: 16px; /* reset rem */ }  pre {   margin: 0; }  h1, h2, h3, h4, h5, h6..."</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72140" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 420px;
  --theme-site-logo-height: 69px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px;
  /* width of side navbar, without gap */
  --main-layout-sidespace: 24px;
  /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset;
  /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink {
  /* "Atom" RSS Feed */
  text-indent: 14px;
  /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center;
  /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important;
  /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px;
  /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>5a9e67049c30739a19ec17bc7ad5f38091fc8ae9</sha1>
  </revision>
  <revision>
    <id>13</id>
    <parentid>2</parentid>
    <timestamp>2022-08-16T07:53:46Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72141" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px;
  /* width of side navbar, without gap */
  --main-layout-sidespace: 24px;
  /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset;
  /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink {
  /* "Atom" RSS Feed */
  text-indent: 14px;
  /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center;
  /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important;
  /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px;
  /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>99ba715abda1f06477006e677084bd9868926c5f</sha1>
  </revision>
  <revision>
    <id>14</id>
    <parentid>13</parentid>
    <timestamp>2022-08-16T07:54:52Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72144" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background: #6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px;
  /* width of side navbar, without gap */
  --main-layout-sidespace: 24px;
  /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset;
  /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink {
  /* "Atom" RSS Feed */
  text-indent: 14px;
  /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center;
  /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important;
  /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px;
  /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>796013735121a7f3c341f4c6267703018f33739c</sha1>
  </revision>
  <revision>
    <id>15</id>
    <parentid>14</parentid>
    <timestamp>2022-08-16T07:58:10Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72189" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background: #6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px;
  /* width of side navbar, without gap */
  --main-layout-sidespace: 24px;
  /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset;
  /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  background: var(--theme-sidebar-box-background);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important;
  /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px;
  /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>5016b021bf68f01aa95d5bc516bb913b3148388e</sha1>
  </revision>
  <revision>
    <id>22</id>
    <parentid>15</parentid>
    <timestamp>2022-08-16T08:37:32Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72264" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/9/90/Site-background-1.png) top right no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px;
  /* width of side navbar, without gap */
  --main-layout-sidespace: 24px;
  /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset;
  /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  background: var(--theme-sidebar-box-background);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important;
  /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px;
  /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>f8a01ea288ee05685786b2d42bc8274963522d61</sha1>
  </revision>
  <revision>
    <id>26</id>
    <parentid>22</parentid>
    <timestamp>2022-08-16T08:49:07Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72356" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/9/90/Site-background-1.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px;
  /* width of side navbar, without gap */
  --main-layout-sidespace: 24px;
  /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset;
  /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  background: var(--theme-sidebar-box-background);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important;
  /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px;
  /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>fc8a519ac2dc2b26fc0ab75fd06b0500bcbcf292</sha1>
  </revision>
  <revision>
    <id>27</id>
    <parentid>26</parentid>
    <timestamp>2022-08-16T08:49:30Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72356" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/9/90/Site-background-1.jpg) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px;
  /* width of side navbar, without gap */
  --main-layout-sidespace: 24px;
  /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset;
  /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  background: var(--theme-sidebar-box-background);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important;
  /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px;
  /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  border-radius: var(--theme-box-border-radius);
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>80a923d83ffb41b64f182dfbdd63ce3e549ca801</sha1>
  </revision>
  <revision>
    <id>28</id>
    <parentid>27</parentid>
    <timestamp>2022-08-16T08:51:14Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72080" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/9/90/Site-background-1.jpg) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  --theme-box-background: #fff;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>a70a253754adf46f86d7a313f41734e3c291297a</sha1>
  </revision>
  <revision>
    <id>29</id>
    <parentid>28</parentid>
    <timestamp>2022-08-16T08:51:55Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72080" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/5/50/Site-background-1.jpg) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  --theme-box-background: #fff;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>a5148d490d71d483f3738bbe50ed480d72a9e652</sha1>
  </revision>
  <revision>
    <id>30</id>
    <parentid>29</parentid>
    <timestamp>2022-08-16T08:53:19Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72080" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/5/50/Site-background-1.jpg) top left / 30% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 25% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  --theme-box-background: #fff;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>a2ecfcdd74924925aae78d460b89f833a70e8c33</sha1>
  </revision>
  <revision>
    <id>32</id>
    <parentid>30</parentid>
    <timestamp>2022-08-16T08:55:32Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72080" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/5/50/Site-background-1.jpg) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  --theme-box-background: #fff;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>a5148d490d71d483f3738bbe50ed480d72a9e652</sha1>
  </revision>
  <revision>
    <id>34</id>
    <parentid>32</parentid>
    <timestamp>2022-08-16T08:58:02Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72080" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 6px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 8 fill / 8px;
  --theme-box-background: #fff;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>78e6bac32c6a28c7aec280bc8b6a1dd48b8061b0</sha1>
  </revision>
  <revision>
    <id>36</id>
    <parentid>34</parentid>
    <timestamp>2022-08-17T03:49:55Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72115" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 20px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 20 20 20 20 fill / 20px 20px 20px 20px / round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>5bd73c94662aaf0b7989c9f7ace0956085054e78</sha1>
  </revision>
  <revision>
    <id>37</id>
    <parentid>36</parentid>
    <timestamp>2022-08-17T03:58:05Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72116" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 20px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #f7dfc5;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>01f12d7f57db684876091a6deb4d3d87f73fac9d</sha1>
  </revision>
  <revision>
    <id>38</id>
    <parentid>37</parentid>
    <timestamp>2022-08-17T04:00:35Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72128" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 20px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #f7dfc5 padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>0b276c43c004bb5260dc0fa97a210c6d65c2501f</sha1>
  </revision>
  <revision>
    <id>43</id>
    <parentid>38</parentid>
    <timestamp>2022-08-17T10:46:18Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72127" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #f7dfc5 padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>50f7751dc10f9233628db4f2ae50cfaaa43f1b10</sha1>
  </revision>
  <revision>
    <id>44</id>
    <parentid>43</parentid>
    <timestamp>2022-08-17T10:47:19Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72129" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #f7dfc5 padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 2px;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>72b9ced14e2dead37bdf85db881832d42b1f0179</sha1>
  </revision>
  <revision>
    <id>45</id>
    <parentid>44</parentid>
    <timestamp>2022-08-17T10:49:31Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72228" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #f7dfc5 padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 2px;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>62c25b8959320b9e4d628d02a4037f335d5f7e91</sha1>
  </revision>
  <revision>
    <id>46</id>
    <parentid>45</parentid>
    <timestamp>2022-08-17T10:51:28Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72232" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f5cdc1;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #4271d5;
  --theme-link-color-hover: #4780f8;
  --theme-link-color-visited: #4069be;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #f7dfc5 padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f5cdc1;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 2px;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>20b1a55c43e39f872cc016308f7953ece2a0cf3c</sha1>
  </revision>
  <revision>
    <id>47</id>
    <parentid>46</parentid>
    <timestamp>2022-08-18T09:07:35Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72229" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #3ebae4;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 2px;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: rgb(255,255,255);
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>4c31b7140d4411a75fcf7aff9d035981a44ac51a</sha1>
  </revision>
  <revision>
    <id>48</id>
    <parentid>47</parentid>
    <timestamp>2022-08-18T09:11:59Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72220" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 2px;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: #f7dfc5;
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px;
  /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>da3777692951ac1505aeaa50504a77f88660e0cd</sha1>
  </revision>
  <revision>
    <id>49</id>
    <parentid>48</parentid>
    <timestamp>2022-08-18T09:13:44Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72264" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 2px;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-background: #f7dfc5;
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  background: var(--theme-navbar-background);
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>a0047f7619bb64744aeb616e8ca597df60ac5f1d</sha1>
  </revision>
  <revision>
    <id>50</id>
    <parentid>49</parentid>
    <timestamp>2022-08-18T09:14:28Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72180" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #74799a;
  --theme-heading-color: #8d4332;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 2px;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>ac7fd7fcab69db9c738dd5428a23ba1eb086484a</sha1>
  </revision>
  <revision>
    <id>51</id>
    <parentid>50</parentid>
    <timestamp>2022-08-18T09:29:02Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72180" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 2px;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 12px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>68e304dc28704b8caabb148aebb9f36396bf228c</sha1>
  </revision>
  <revision>
    <id>52</id>
    <parentid>51</parentid>
    <timestamp>2022-08-18T09:33:05Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72194" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 1px solid #ced6d4;
  --theme-sidebar-list-border-top: 0; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: #fff;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>5ce3ef83473a4dee8df8c337acb04817476fc8e1</sha1>
  </revision>
  <revision>
    <id>53</id>
    <parentid>52</parentid>
    <timestamp>2022-08-18T09:34:48Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72198" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Mars_Base_Wiki.action-view h1.firstHeading,
body.rootpage-Mars_Base_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Mars_Base_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Mars_Base_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Mars_Base_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>da53f94428618bc008fb99c81fd2648e076e5fea</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Main Page</title>
  <ns>0</ns>
  <id>3</id>
  <revision>
    <id>4</id>
    <timestamp>2022-08-16T02:00:27Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass moved page [[Main Page]] to [[Monster Outbreak Wiki]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="35" xml:space="preserve">#REDIRECT [[Monster Outbreak Wiki]]</text>
    <sha1>cc3f1b8755dc7df35d76bd62df072c02f20a187d</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Copyright</title>
  <ns>8</ns>
  <id>4</id>
  <revision>
    <id>5</id>
    <timestamp>2022-08-16T02:01:34Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "&lt;img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /&gt; Page content is under the &lt;a href=https://creativecommons.org/licenses/by-sa/3.0&gt;Creative Commons Attribution-ShareAlike 3.0 License&lt;/a&gt; unless otherwise noted."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="221" xml:space="preserve">&lt;img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /&gt; Page content is under the &lt;a href=https://creativecommons.org/licenses/by-sa/3.0&gt;Creative Commons Attribution-ShareAlike 3.0 License&lt;/a&gt; unless otherwise noted.</text>
    <sha1>f9861918ad88d42707a471f2b0935f8c60676259</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Mainpage</title>
  <ns>8</ns>
  <id>5</id>
  <revision>
    <id>6</id>
    <timestamp>2022-08-16T02:02:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{SITENAME}}"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="12" xml:space="preserve">{{SITENAME}}</text>
    <sha1>3879910e8b355a24373fd09ccc909145b2639907</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Category:Monster Outbreak Wiki</title>
  <ns>14</ns>
  <id>6</id>
  <revision>
    <id>9</id>
    <timestamp>2022-08-16T02:04:00Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "This is the root category for everything on The {{SITENAME}}."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="61" xml:space="preserve">This is the root category for everything on The {{SITENAME}}.</text>
    <sha1>eaccd6ba79f8609ec20cb92a31a9468a40c7bfae</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Common.js</title>
  <ns>8</ns>
  <id>7</id>
  <revision>
    <id>10</id>
    <timestamp>2022-08-16T02:05:51Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "/**  * For language wikis, use  * &lt;code&gt; mw.loader.load("https://monsteroutbreak.wiki.gg/load.php?lang=en&amp;modules=site&amp;only=scripts&amp;skin=vector"); &lt;/code&gt;  * as the content of common.js to import from this script.  *  */  /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*! floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ !function(t,i){"object"==typeof exports&amp;&amp;"undef..."</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="10625" xml:space="preserve">/**
 * For language wikis, use
 * &lt;code&gt; mw.loader.load("https://monsteroutbreak.wiki.gg/load.php?lang=en&amp;modules=site&amp;only=scripts&amp;skin=vector"); &lt;/code&gt;
 * as the content of common.js to import from this script.
 *
 */

///////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*!
floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
!function(t,i){"object"==typeof exports&amp;&amp;"undefined"!=typeof module?i(require("jquery")):"function"==typeof define&amp;&amp;define.amd?define(["jquery"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).jQuery)}(this,(function(t){"use strict";var i="horizontal",n="vertical",e={init:function(t,n){var e=this;e.orientationProps=function(t){var n=t===i;return{ORIENTATION:t,SIZE:n?"width":"height",X_SIZE:n?"height":"width",OFFSET_SIZE:n?"offsetWidth":"offsetHeight",OFFSET_X_SIZE:n?"offsetHeight":"offsetWidth",CLIENT_SIZE:n?"clientWidth":"clientHeight",CLIENT_X_SIZE:n?"clientHeight":"clientWidth",INNER_X_SIZE:n?"innerHeight":"innerWidth",SCROLL_SIZE:n?"scrollWidth":"scrollHeight",SCROLL_POS:n?"scrollLeft":"scrollTop",START:n?"left":"top",X_START:n?"top":"left",X_END:n?"bottom":"right"}}(n);var o=t.closest(".fl-scrolls-body");o.length&amp;&amp;(e.scrollBody=o),e.container=t[0],e.visible=!0,e.initWidget(),e.updateAPI(),e.addEventHandlers(),e.skipSyncContainer=e.skipSyncWidget=!1},initWidget:function(){var i=this,n=i.orientationProps,e=n.ORIENTATION,o=n.SIZE,r=n.SCROLL_SIZE,c=i.widget=t('&lt;div class="fl-scrolls" data-orientation="'+e+'"&gt;&lt;/div&gt;');t("&lt;div&gt;&lt;/div&gt;").appendTo(c)[o](i.container[r]),c.appendTo(i.container)},addEventHandlers:function(){var i=this;(i.eventHandlers=[{$el:t(window),handlers:{"destroyDetached.fscroll":function(t){"fscroll"===t.namespace&amp;&amp;i.destroyDetachedAPI()}}},{$el:i.scrollBody||t(window),handlers:{scroll:function(){i.updateAPI()},resize:function(){i.updateAPI()}}},{$el:i.widget,handlers:{scroll:function(){i.visible&amp;&amp;!i.skipSyncContainer&amp;&amp;i.syncContainer(),i.skipSyncContainer=!1}}},{$el:t(i.container),handlers:{scroll:function(){i.skipSyncWidget||i.syncWidget(),i.skipSyncWidget=!1},focusin:function(){setTimeout((function(){i.widget&amp;&amp;i.syncWidget()}),0)},"update.fscroll":function(t){"fscroll"===t.namespace&amp;&amp;i.updateAPI()},"destroy.fscroll":function(t){"fscroll"===t.namespace&amp;&amp;i.destroyAPI()}}}]).forEach((function(t){var i=t.$el,n=t.handlers;return i.bind(n)}))},checkVisibility:function(){var t=this,i=t.widget,n=t.container,e=t.scrollBody,o=t.orientationProps,r=o.SCROLL_SIZE,c=o.OFFSET_SIZE,l=o.X_START,s=o.X_END,d=o.INNER_X_SIZE,a=o.CLIENT_X_SIZE,f=i[0][r]&lt;=i[0][c];if(!f){var h=n.getBoundingClientRect(),u=e?e[0].getBoundingClientRect()[s]:window[d]||document.documentElement[a];f=h[s]&lt;=u||h[l]&gt;u}t.visible===f&amp;&amp;(t.visible=!f,i.toggleClass("fl-scrolls-hidden"))},syncContainer:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.widget[0][i];t.container[i]!==n&amp;&amp;(t.skipSyncWidget=!0,t.container[i]=n)},syncWidget:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.container[i];t.widget[0][i]!==n&amp;&amp;(t.skipSyncContainer=!0,t.widget[0][i]=n)},updateAPI:function(){var i=this,n=i.orientationProps,e=n.SIZE,o=n.X_SIZE,r=n.OFFSET_X_SIZE,c=n.CLIENT_SIZE,l=n.CLIENT_X_SIZE,s=n.SCROLL_SIZE,d=n.START,a=i.widget,f=i.container,h=i.scrollBody,u=f[c],S=f[s];a[e](u),h||a.css(d,f.getBoundingClientRect()[d]+"px"),t("div",a)[e](S),S&gt;u&amp;&amp;a[o](a[0][r]-a[0][l]+1),i.syncWidget(),i.checkVisibility()},destroyAPI:function(){var t=this;t.eventHandlers.forEach((function(t){var i=t.$el,n=t.handlers;return i.unbind(n)})),t.widget.remove(),t.eventHandlers=t.widget=t.container=t.scrollBody=null},destroyDetachedAPI:function(){t.contains(document.body,this.container)||this.destroyAPI()}};t.fn.floatingScroll=function(o,r){if(void 0===o&amp;&amp;(o="init"),void 0===r&amp;&amp;(r={}),"init"===o){var c=r.orientation,l=void 0===c?i:c;if(l!==i&amp;&amp;l!==n)throw new Error("Scrollbar orientation should be either “horizontal” or “vertical”");this.each((function(i,n){return Object.create(e).init(t(n),l)}))}else Object.prototype.hasOwnProperty.call(e,o+"API")&amp;&amp;this.trigger(o+".fscroll");return this},t((function(){t("body [data-fl-scrolls]").each((function(i,n){var e=t(n);e.floatingScroll("init",e.data("flScrolls")||{})}))}))}));
///////////////////////////////////////////////////////////////////////////////////////////////////////////////


/**
 * common Utilities
 */
var util = (function(){
	var exports = {
		/* common l10n factory */
		l10nFactory: function($lang, $data) {
			return function ($key) {
				return $data[$key] &amp;&amp; ($data[$key][$lang] || $data[$key]['en']) || '';
			};
		}
	};

	function throttle(t, e, o, n) {
		var r, i = !1,
			u = 0;

		function c() {
			r &amp;&amp; clearTimeout(r)
		}

		function a() {
			for (var a = arguments.length, d = new Array(a), l = 0; l &lt; a; l++) d[l] = arguments[l];
			var f = this,
				v = Date.now() - u;

			function p() {
				u = Date.now(), o.apply(f, d)
			}

			function h() {
				r = void 0
			}
			i || (n &amp;&amp; !r &amp;&amp; p(), c(), void 0 === n &amp;&amp; v &gt; t ? p() : !0 !== e &amp;&amp; (r = setTimeout(n ? h : p, void 0 === n ? t - v : t)))
		}
		return "boolean" != typeof e &amp;&amp; (n = o, o = e, e = void 0), a.cancel = function() {
			c(), i = !0
		}, a
	}

	function debounce(t, e, o) {
		return void 0 === o ? throttle(t, e, !1) : throttle(t, o, !1 !== e)
	}
	exports.debounce = debounce;
	exports.throttle = throttle;
	return exports;
})();


///////////////////////////////////////////////////////////////////////////////////////////////////////////////

/**
 * Handle wide tables
 *
 * Display a horizontal floating scroll bar when the table width exceeds the page width.
 */
$(function() {
	var TABLE_WIDE_CLASS = "table-wide";
	var TABLE_WIDE_INNER_CLASS = "table-wide-inner";

	var handleWideTables = function(tables) {
		var handler = util.debounce(100, (function() {
			if(!tables){
				return;
			}
			tables.forEach(function(table) {
				var $table = $(table);
				if(!$table.data('container')){
					$table.data('container', table.parentNode);
				}
				var container = $table.data('container');
				if(!container){
					return;
				}
				var $innerBox = $table.parent();
				var $outerBox = $innerBox.parent();
				var overwide = table.getBoundingClientRect().width &gt; container.getBoundingClientRect().width;
				if($outerBox.hasClass(TABLE_WIDE_CLASS)){
					if(overwide){
						$innerBox.floatingScroll("update");
					}else{
						$outerBox.before($table).remove();
					}
				}else{
					if(overwide) {
						$('&lt;div/&gt;').addClass(TABLE_WIDE_INNER_CLASS).appendTo(
							$('&lt;div/&gt;').addClass(TABLE_WIDE_CLASS).insertBefore($table)
						).append($table).floatingScroll("init").floatingScroll("update");
					}
				}
			});
		}));
		handler();
		window.addEventListener("resize", handler);
	};

	var isEditorActive  = function() {
		var e = new URLSearchParams(window.location.search);
		return "edit" === e.get("action") || "submit" === e.get("action") || ("edit" === e.get("veaction")
			|| "submit" === e.get("veaction") || "editsource" === e.get("veaction"));
	}

	mw.hook("wikipage.content").add(function() {
		if (!isEditorActive()) {
			var el = document.querySelector("#bodyContent");
			if (el) {
				handleWideTables(el.querySelectorAll("table"));
			}
		}
	});
});

///////////////////////////////////////////////////////////////////////////////////////////////////////////////

/**
 * Make sidebar sections collapsible
 */
$(function(){
	$panel = $('#mw-panel');
	$("#mw-panel .portal").each(function(index, el){
		var $el = $(el);
		var $id = $el.attr("id");
		if(!$id){
			return;
		}
		// for &lt; 1366px
		$el.removeClass('expanded');
		// for &gt;= 1366px
		if(localStorage.getItem('sidebar_c_'+$id) === "y"){
			$el.addClass('collapsed').find('.body').slideUp(0);
		}
	});
	$("#mw-panel .portal").on("click", "h3", function(event){
		var $el = $(this).parent();
		var $id = $el.attr("id");
		if(!$id){
			return;
		}
		event.stopPropagation();
		if($panel.width() &lt; 200){
			$el.toggleClass('collapsed');
			if($el.hasClass('collapsed')){ // more consistent between class and slide status.
				localStorage.setItem('sidebar_c_'+$id, "y");
				$el.find('.body').slideUp('fast');
			}
			else{
				localStorage.setItem('sidebar_c_'+$id, "n");
				$el.find('.body').slideDown('fast');
			}
		}
		else{
			$("#mw-panel .portal").not($el).removeClass('expanded');
			$el.toggleClass('expanded');
		}
	});
});

///////////////////////////////////////////////////////////////////////////////////////////////////////////////

/**
 * image size fix for &lt;gallery&gt;
 */
$(function(){
	$(".mw-gallery-traditional .thumb").each(function(){
		var $this = $(this);
		/* $this.css('display', 'flex'); // do this in common.css: .mw-gallery-traditional .thumb{ display: flex; } */
		$this.css('height', $this.height()+'px').find('&gt;div').css('margin', 'auto');
		var $img = $this.find('img').first();
		if(!$img.length){
			return;
		}
		var $width = $img.attr('width') - 0; //cast to number.
		var $filewidth = $img.attr('data-file-width') - 0;
		if($filewidth &lt; $width){
			var $fileheight = $img.attr('data-file-height');
			if( $filewidth * 2 &gt; $width){
				$img.attr({'width': $filewidth, 'height': $fileheight});
			}else{
				$img.attr({'width': $filewidth*2, 'height': $fileheight*2});
			}
		}
	});
});

///////////////////////////////////////////////////////////////////////////////////////////////////////////////

/**
 * login status mark
 */
$(function(){
	if(mw.config.get("wgUserName") !== null){
		$('body').addClass('logged-in');
	}
});

///////////////////////////////////////////////////////////////////////////////////////////////////////////////

/**
 * Content box customization
 */
$(function() {
	/* Disable triggering of new browser tab when clicking URL links that point to internal wiki addresses (purge, edit, etc) */
	$('a[href^="//monsteroutbreak.wiki.gg/"]').removeAttr('target');

	/* Hyperlink required modules in Module namespace */
	// Author: RheingoldRiver
	if (mw.config.get('wgCanonicalNamespace') === 'Module') {
		$('.s1, .s2').each(function () {
			var html = $(this).html();
			// the module name is surrounded by quotes, so we have to remove them
			var quote = html[0];
			var quoteRE = new RegExp('^' + quote + '|' + quote + '$', 'g');
			var name = html.replace(quoteRE, ""); // remove quotes
			// link the module name
			if (name.startsWith("Module:")) {
				var target = encodeURIComponent(name);
				var url = mw.config.get('wgServer') + mw.config.get('wgScript') + '?title=' + target;
				$(this).html(quote + '&lt;a href="' + url + '"&gt;' + name + '&lt;/a&gt;' + quote);
			}
		});
	}
});</text>
    <sha1>488d8d402e3b1fe926a15a0174842cf25198211d</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Favicon.ico</title>
  <ns>6</ns>
  <id>8</id>
  <revision>
    <id>11</id>
    <timestamp>2022-08-16T07:46:11Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>17</id>
    <parentid>11</parentid>
    <timestamp>2022-08-16T08:33:34Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Protected "[[File:Favicon.ico]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-logo.png</title>
  <ns>6</ns>
  <id>9</id>
  <revision>
    <id>12</id>
    <timestamp>2022-08-16T07:52:50Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>18</id>
    <parentid>12</parentid>
    <timestamp>2022-08-16T08:33:37Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Protected "[[File:Site-logo.png]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-background.jpg</title>
  <ns>6</ns>
  <id>10</id>
  <revision>
    <id>16</id>
    <timestamp>2022-08-16T08:32:53Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>19</id>
    <parentid>16</parentid>
    <timestamp>2022-08-16T08:33:40Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Protected "[[File:Site-background.jpg]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-background-1.png</title>
  <ns>6</ns>
  <id>11</id>
  <revision>
    <id>20</id>
    <timestamp>2022-08-16T08:36:09Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>21</id>
    <parentid>20</parentid>
    <timestamp>2022-08-16T08:36:30Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Protected "[[File:Site-background-1.png]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>23</id>
    <parentid>21</parentid>
    <timestamp>2022-08-16T08:38:42Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass uploaded a new version of [[File:Site-background-1.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-background-2.png</title>
  <ns>6</ns>
  <id>13</id>
  <revision>
    <id>33</id>
    <timestamp>2022-08-16T08:57:29Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Box-border.png</title>
  <ns>6</ns>
  <id>14</id>
  <revision>
    <id>35</id>
    <timestamp>2022-08-17T03:45:19Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>39</id>
    <parentid>35</parentid>
    <timestamp>2022-08-17T04:04:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass uploaded a new version of [[File:Box-border.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>40</id>
    <parentid>39</parentid>
    <timestamp>2022-08-17T04:06:19Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass reverted [[File:Box-border.png]] to an old version</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>41</id>
    <parentid>40</parentid>
    <timestamp>2022-08-17T04:06:45Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass uploaded a new version of [[File:Box-border.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>15</id>
  <revision>
    <id>42</id>
    <timestamp>2022-08-17T10:38:17Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with " * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Portals ** https://gamemunchers.com/monster-outbreak/ | Official website ** https://twitter.com/gamemunchers | MO on Twitter ** https://discord.com/invite/EVjz9VTfbb | MO on Discord ** https://www.instagram.com/gamemunchers/ | MO on Instagram ** https://store.steampowered.com/app/1525190/Monster_Outbreak/ | MO on Steam * SEARCH * TOOLBOX * LANGUAGES"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="464" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
* Portals
** https://gamemunchers.com/monster-outbreak/ | Official website
** https://twitter.com/gamemunchers | MO on Twitter
** https://discord.com/invite/EVjz9VTfbb | MO on Discord
** https://www.instagram.com/gamemunchers/ | MO on Instagram
** https://store.steampowered.com/app/1525190/Monster_Outbreak/ | MO on Steam
* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>5b2802402db90d237044350ab1292123e76805f8</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>Monster Outbreak Wiki</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>54</id>
    <parentid>8</parentid>
    <timestamp>2022-08-19T02:49:53Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4391" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;Welcome to [[Monster Outbreak]], humanity's foothold on the Red Planet! Join the expedition as an interstellar botanist and make history: turn barren soil into fertile farmland, grow food for colonists’ tables, and unearth the secrets of Mars! Are you ready to science the “crop” out of everything? &lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Your assignment is at Monster Outbreak, located in the scenic Erebus Montes region on the Amazonia Planitia. You will have access to all the necessary essentials upon landing. As the expedition's main botanist, you'll be responsible for turning a dead planet into a living one, a planter at a time.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;p&gt;You can venture out beyond the safe perimeter of Monster Outbreak to explore the Red Planet! You will gain access to valuable resources for crafting tools and supplies. Crafting is essential.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;p&gt; During down time, you can [[cook]], race [[Mars rover]]s, or build [[rocket]]s to explore other celestial bodies beyond the red horizon.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!--
				--&gt;&lt;h3&gt;Features&lt;/h3&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Building]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Farming]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Crafting]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[exploring]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Colonist]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!--
				--&gt;&lt;h3&gt;Facilities&lt;/h3&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Crafting facilities]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Research lab]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Solar power plant]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Greenhouse]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>0e427600a1106bf98d2710b9d80bdce7811ccd29</sha1>
  </revision>
  <revision>
    <id>56</id>
    <parentid>54</parentid>
    <timestamp>2022-08-19T03:56:30Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3898" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>4e187494b2cd098d3b4869e6e240c5b57fa5e369</sha1>
  </revision>
  <revision>
    <id>57</id>
    <parentid>56</parentid>
    <timestamp>2022-08-19T03:58:06Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3902" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>4c162ab951a2bbe5eafa35ee43c8579ad4ea138f</sha1>
  </revision>
  <revision>
    <id>58</id>
    <parentid>57</parentid>
    <timestamp>2022-08-19T03:59:08Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3869" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!-- 
			--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
			--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
			--&gt;&lt;/ul&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>a54e5ab2ea30389c53901bedb31c2887c041d2ca</sha1>
  </revision>
  <revision>
    <id>59</id>
    <parentid>58</parentid>
    <timestamp>2022-08-19T05:11:18Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4513" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!-- 
			--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
			--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!-- 
			--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
			--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
			--&gt;&lt;/ul&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>bf6615459fcd55f53c601274e98898650afbfa80</sha1>
  </revision>
  <revision>
    <id>61</id>
    <parentid>59</parentid>
    <timestamp>2022-08-19T05:15:32Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4568" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>a0977522376ea634d749c299b1a9611e8c20802e</sha1>
  </revision>
  <revision>
    <id>65</id>
    <parentid>61</parentid>
    <timestamp>2022-08-19T05:20:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4491" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;The Story&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!-- 
			--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--

	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>0f9798cbd062d115a1c2ca9a28d3ae7af81fceed</sha1>
  </revision>
  <revision>
    <id>66</id>
    <parentid>65</parentid>
    <timestamp>2022-08-19T05:21:05Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4488" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box story"&gt;&lt;!--
		--&gt;&lt;h2&gt;The Story&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!-- 
			--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--

	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>ac330f06ab730eb9566e9e242c8f8b44441cfaf5</sha1>
  </revision>
  <revision>
    <id>69</id>
    <parentid>66</parentid>
    <timestamp>2022-08-19T05:23:18Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4446" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>0cf73e363ee23db31bb635dcfd4a7fbf9cc9de88</sha1>
  </revision>
  <revision>
    <id>70</id>
    <parentid>69</parentid>
    <timestamp>2022-08-19T05:23:32Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4568" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;Melee and ranged weapons, from swords to bows to magical staffs&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Weapon based structures like the bomb slingshot and crossbow turret&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Trap structures like spike traps and bomb tripwires&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;Resource and cosmetic structures like smelters and fences&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;[[Trailers]]&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;{{#ev:youtube|t48u7Nyd7Lg||center|Official Trailer}}&lt;!--        
			--&gt;{{#ev:youtube|8Ay1suKHebk||center|Customize your MARS ROVER}}&lt;!--
			--&gt;{{#ev:youtube|MBwNoMnOiOc||center|Build your own ROCKET}}&lt;!--
			--&gt;{{#ev:youtube|5XGqDzRpNgk||center|Run your own food shop}}&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ More trailers...]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>a0977522376ea634d749c299b1a9611e8c20802e</sha1>
  </revision>
  <revision>
    <id>74</id>
    <parentid>70</parentid>
    <timestamp>2022-08-19T05:31:49Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4500" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More scrrenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>58646323635201c8ae7862bd0c3542ff55d81ba4</sha1>
  </revision>
  <revision>
    <id>91</id>
    <parentid>74</parentid>
    <timestamp>2022-08-19T05:53:36Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4640" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
			--&gt;[[File:Screenshot5.jpg]]&lt;!--
			--&gt;[[File:Screenshot6.jpg]]&lt;!--
			--&gt;[[File:Screenshot7.jpg]]&lt;!--
			--&gt;[[File:Screenshot8.jpg]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More scrrenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>3807e76904f375c890cc3898d4d4c145770e6d0c</sha1>
  </revision>
  <revision>
    <id>92</id>
    <parentid>91</parentid>
    <timestamp>2022-08-19T05:54:34Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Undo revision 91 by [[Special:Contributions/Westgrass|Westgrass]] ([[User talk:Westgrass|talk]])</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4500" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More scrrenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>58646323635201c8ae7862bd0c3542ff55d81ba4</sha1>
  </revision>
  <revision>
    <id>96</id>
    <parentid>92</parentid>
    <timestamp>2022-08-19T05:57:34Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4640" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
			--&gt;[[File:Screenshot5.jpg]]&lt;!--
			--&gt;[[File:Screenshot6.jpg]]&lt;!--
			--&gt;[[File:Screenshot7.jpg]]&lt;!--
			--&gt;[[File:Screenshot8.jpg]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More scrrenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>3807e76904f375c890cc3898d4d4c145770e6d0c</sha1>
  </revision>
  <revision>
    <id>98</id>
    <parentid>96</parentid>
    <timestamp>2022-08-19T05:59:26Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4640" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
			--&gt;[[File:Screenshot5.jpg]]&lt;!--
			--&gt;[[File:Screenshot6.png]]&lt;!--
			--&gt;[[File:Screenshot7.png]]&lt;!--
			--&gt;[[File:Screenshot8.png]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More scrrenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>35a5313d58ecc1fe23ccd729de3a1f077fd3af6c</sha1>
  </revision>
  <revision>
    <id>102</id>
    <parentid>98</parentid>
    <timestamp>2022-08-19T06:01:34Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4500" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1687590/Mars_Base/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.gg/HywrrEBzeN]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/KZGames8]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:YouTube.svg|Monster Outbreak on YouTube|32x32px|link=https://www.youtube.com/channel/UCgQkmzNhecnoHiFrrVUCTaQ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/kz_games8/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More scrrenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>58646323635201c8ae7862bd0c3542ff55d81ba4</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>2</id>
  <revision>
    <id>55</id>
    <parentid>53</parentid>
    <timestamp>2022-08-19T02:52:07Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72443" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>e80fab7e0598aaea4ddf5b875c94867942b15b28</sha1>
  </revision>
  <revision>
    <id>60</id>
    <parentid>55</parentid>
    <timestamp>2022-08-19T05:12:20Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72333" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay div {
    flex: 1 1 auto;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>b9ed5e2cd669188046cce55e86917bcdbd0305cc</sha1>
  </revision>
  <revision>
    <id>62</id>
    <parentid>60</parentid>
    <timestamp>2022-08-19T05:15:46Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72443" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 1 1 160px;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 500px;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>e80fab7e0598aaea4ddf5b875c94867942b15b28</sha1>
  </revision>
  <revision>
    <id>63</id>
    <parentid>62</parentid>
    <timestamp>2022-08-19T05:17:31Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72467" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 3 3 400px;
  order: 2;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 200px;
  order: 1;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>33e1afb95caa588b13de3d6f9a71b8bac9d35e33</sha1>
  </revision>
  <revision>
    <id>64</id>
    <parentid>63</parentid>
    <timestamp>2022-08-19T05:18:22Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72467" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
  flex: 3 3 400px;
  order: 1;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div {
    flex: 1 1 auto;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
  flex: 2 2 200px;
  order: 3;
  background: #f2f2f2;
  padding: 1em;
  border-radius: 5px;
}
@media (max-width: 1365px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a div:first-child {
    flex: 1 1 100%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>84444af54984dde7ae82feb0a15705c9e45ace55</sha1>
  </revision>
  <revision>
    <id>67</id>
    <parentid>64</parentid>
    <timestamp>2022-08-19T05:21:27Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71549" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 500px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .story {
  flex: 3 3 1000px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 1000px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>176b3e0a30905d51b493c097bfb114e09990f1cc</sha1>
  </revision>
  <revision>
    <id>68</id>
    <parentid>67</parentid>
    <timestamp>2022-08-19T05:22:37Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71547" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .story {
  flex: 1 1 250px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 1 1 400px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>d660a90483e4593c4fccf73fca9043949f1eabd7</sha1>
  </revision>
  <revision>
    <id>71</id>
    <parentid>68</parentid>
    <timestamp>2022-08-19T05:24:26Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71575" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>f147ab5b3c0385b5e4367653760636d08f9d0d63</sha1>
  </revision>
  <revision>
    <id>72</id>
    <parentid>71</parentid>
    <timestamp>2022-08-19T05:24:53Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71615" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>ac1216eeed77175e4169d859b3ac585a489c41e5</sha1>
  </revision>
  <revision>
    <id>73</id>
    <parentid>72</parentid>
    <timestamp>2022-08-19T05:25:58Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71743" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #FFF;
  --theme-footer-background: #847e87;
  --theme-footer-link-color: #bdd2f2;
  --theme-footer-link-color-hover: #fff;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>5020f918684a96d88569e1ec3057e1cbb99aac19</sha1>
  </revision>
  <revision>
    <id>84</id>
    <parentid>73</parentid>
    <timestamp>2022-08-19T05:43:41Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71749" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; .thumb iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>c1a48977a1dcbc54bb47f0a6dbda249dff62eaf2</sha1>
  </revision>
  <revision>
    <id>85</id>
    <parentid>84</parentid>
    <timestamp>2022-08-19T05:45:17Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71754" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image div, body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image iframe {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>e8f1b81c744e821aaaeb2905940f74ae6511e5e3</sha1>
  </revision>
  <revision>
    <id>86</id>
    <parentid>85</parentid>
    <timestamp>2022-08-19T05:45:56Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71646" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: #fff padding-box;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -104px;
  right: -6px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>f10ef9004b0501b66ae19babd2149aaae78b7ddd</sha1>
  </revision>
  <revision>
    <id>87</id>
    <parentid>86</parentid>
    <timestamp>2022-08-19T05:48:50Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71634" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2: var(--theme-site-background);
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -8px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>9a84e76c27631a3425d4256b28c9cd83549c3234</sha1>
  </revision>
  <revision>
    <id>88</id>
    <parentid>87</parentid>
    <timestamp>2022-08-19T05:50:42Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="71901" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2:
  		url(/images/a/a7/Site-background-2.png) top left / 35% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 35% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background3: var(--theme-site-background);
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background2);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -8px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  /* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -103px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>1405d58bb7c8f57e31c305175ab6a0832669cbb2</sha1>
  </revision>
  <revision>
    <id>89</id>
    <parentid>88</parentid>
    <timestamp>2022-08-19T05:52:29Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72179" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 20% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 20% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2:
  		url(/images/a/a7/Site-background-2.png) top left / 35% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 35% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background3:
  		url(/images/a/a7/Site-background-2.png) top left / 45% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 45% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background2);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -8px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background3);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -108px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>7565da05fea6f10bbb550282e82cb280ffbc3931</sha1>
  </revision>
  <revision>
    <id>90</id>
    <parentid>89</parentid>
    <timestamp>2022-08-19T05:53:14Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72179" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 25% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 25% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2:
  		url(/images/a/a7/Site-background-2.png) top left / 35% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 35% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background3:
  		url(/images/a/a7/Site-background-2.png) top left / 45% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 45% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background2);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -8px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background3);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -108px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>99820fd88ac09e52ca8058c017ed8293fe584184</sha1>
  </revision>
  <revision>
    <id>93</id>
    <parentid>90</parentid>
    <timestamp>2022-08-19T05:55:40Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72154" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 25% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 25% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2:
  		url(/images/a/a7/Site-background-2.png) top left / 35% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 35% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background3:
  		url(/images/a/a7/Site-background-2.png) top left / 45% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 45% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) 12px;
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background2);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -8px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background3);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -108px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>6451c9c1d82e0e2d7e4032b1de8959d9cdd032e0</sha1>
  </revision>
  <revision>
    <id>94</id>
    <parentid>93</parentid>
    <timestamp>2022-08-19T05:56:04Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72191" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 25% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 25% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2:
  		url(/images/a/a7/Site-background-2.png) top left / 35% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 35% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background3:
  		url(/images/a/a7/Site-background-2.png) top left / 45% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 45% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) calc(var(--theme-box-border-width) + 2px);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background2);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -8px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background3);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -108px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
    flex-wrap: wrap;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>6071810c151f0042fab070cc291c4f7b1fd1e548</sha1>
  </revision>
  <revision>
    <id>97</id>
    <parentid>94</parentid>
    <timestamp>2022-08-19T05:58:08Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72060" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 25% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 25% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2:
  		url(/images/a/a7/Site-background-2.png) top left / 35% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 35% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background3:
  		url(/images/a/a7/Site-background-2.png) top left / 45% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 45% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal h3::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal h3:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed h3 {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed h3::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + h3 {
  z-index: 0;
}

.vectorMenuCheckbox:focus + h3 {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown h3:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown h3 {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown h3::after {
  display: none;
}

.vector-menu-dropdown h3 span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) calc(var(--theme-box-border-width) + 2px);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3 {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal h3::after {
  margin-left: 4px;
}

#mw-panel div.portal h3::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background2);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -8px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3 {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background3);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -108px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions h3 span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal h3::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>0160d811240ef4734028e02ccb228e54bb012524</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Screenshot1.jpg</title>
  <ns>6</ns>
  <id>16</id>
  <revision>
    <id>75</id>
    <timestamp>2022-08-19T05:33:33Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Screenshot2.jpg</title>
  <ns>6</ns>
  <id>17</id>
  <revision>
    <id>76</id>
    <timestamp>2022-08-19T05:33:42Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Screenshot3.jpg</title>
  <ns>6</ns>
  <id>18</id>
  <revision>
    <id>77</id>
    <timestamp>2022-08-19T05:33:49Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Screenshot4.jpg</title>
  <ns>6</ns>
  <id>19</id>
  <revision>
    <id>78</id>
    <timestamp>2022-08-19T05:33:58Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>Template:Stub</title>
  <ns>10</ns>
  <id>20</id>
  <revision>
    <id>79</id>
    <timestamp>2022-08-19T05:36:09Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "&lt;div class="hat-note" style="border: 1px solid #993333;background: #eee;padding: 0.5em;"&gt;[[File:Edit-clear.svg|24px|link=]] This content is a [[:Category:Stubs|stub]]. You can help by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. &lt;/div&gt; &lt;includeonly&gt;{{{category|[[Category:Stubs]]}}}&lt;/includeonly&gt;&lt;noinclude&gt; == Usage == &lt;nowiki&gt;{{stub}}&lt;/nowiki&gt; &lt;/noinclude&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="370" xml:space="preserve">&lt;div class="hat-note" style="border: 1px solid #993333;background: #eee;padding: 0.5em;"&gt;[[File:Edit-clear.svg|24px|link=]] This content is a [[:Category:Stubs|stub]]. You can help by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. &lt;/div&gt;
&lt;includeonly&gt;{{{category|[[Category:Stubs]]}}}&lt;/includeonly&gt;&lt;noinclude&gt;
== Usage ==
&lt;nowiki&gt;{{stub}}&lt;/nowiki&gt;
&lt;/noinclude&gt;</text>
    <sha1>96ff7c2e988db4cce7297301e6024707e0d41d5f</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>Template:InfoboxGame</title>
  <ns>10</ns>
  <id>21</id>
  <revision>
    <id>80</id>
    <timestamp>2022-08-19T05:36:29Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt;&lt;infobox&gt;   &lt;title source="title"&gt;     &lt;default&gt;{{PAGENAME}}&lt;/default&gt;   &lt;/title&gt;   &lt;image source="image"&gt;     &lt;caption source="caption"/&gt;   &lt;/image&gt;   &lt;data source="developer"&gt;     &lt;label&gt;Developer&lt;/label&gt;   &lt;/data&gt;   &lt;data source="publisher"&gt;     &lt;label&gt;Publisher&lt;/label&gt;   &lt;/data&gt;   &lt;data source="release"&gt;     &lt;label&gt;Release date&lt;/label&gt;   &lt;/data&gt;   &lt;data source="platform"&gt;     &lt;label&gt;Platform&lt;/label&gt;   &lt;/data&gt; &lt;/infobox&gt;&lt;/includeonly&gt; &lt;noinclude&gt; Usage:&lt;p..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="616" xml:space="preserve">&lt;includeonly&gt;&lt;infobox&gt;
  &lt;title source="title"&gt;
    &lt;default&gt;{{PAGENAME}}&lt;/default&gt;
  &lt;/title&gt;
  &lt;image source="image"&gt;
    &lt;caption source="caption"/&gt;
  &lt;/image&gt;
  &lt;data source="developer"&gt;
    &lt;label&gt;Developer&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="publisher"&gt;
    &lt;label&gt;Publisher&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="release"&gt;
    &lt;label&gt;Release date&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="platform"&gt;
    &lt;label&gt;Platform&lt;/label&gt;
  &lt;/data&gt;
&lt;/infobox&gt;&lt;/includeonly&gt;
&lt;noinclude&gt;
Usage:&lt;pre&gt;
{{InfoboxGame
|title=
|image=
|caption=
|developer=
|publisher=
|release=
|platform=
}}
&lt;/pre&gt;
[[Category:Infobox templates]]&lt;/noinclude&gt;</text>
    <sha1>73a6ccdacd364fc12b0ff685b46a9faa0e0490c2</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Edit-clear.svg</title>
  <ns>6</ns>
  <id>22</id>
  <revision>
    <id>81</id>
    <timestamp>2022-08-19T05:36:58Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>Monster Outbreak</title>
  <ns>0</ns>
  <id>23</id>
  <revision>
    <id>82</id>
    <timestamp>2022-08-19T05:40:14Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}} {{InfoboxGame |title= |image=keyart.jpg |caption=Game keyart |developer=[https://gamemunchers.com/ GameMunchers] |publisher=[https://www.freedom.gg Freedom Games] |release= |platform=PC }}  '''Monster Outbreak''' is a pixel top-down survival game."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="256" xml:space="preserve">{{stub}}
{{InfoboxGame
|title=
|image=keyart.jpg
|caption=Game keyart
|developer=[https://gamemunchers.com/ GameMunchers]
|publisher=[https://www.freedom.gg Freedom Games]
|release=
|platform=PC
}}

'''Monster Outbreak''' is a pixel top-down survival game.</text>
    <sha1>33736d244fc156461d79ef26ad818083c3b30499</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Keyart.jpg</title>
  <ns>6</ns>
  <id>24</id>
  <revision>
    <id>83</id>
    <timestamp>2022-08-19T05:41:14Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Screenshot5.jpg</title>
  <ns>6</ns>
  <id>25</id>
  <revision>
    <id>95</id>
    <timestamp>2022-08-19T05:57:14Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Screenshot6.png</title>
  <ns>6</ns>
  <id>26</id>
  <revision>
    <id>99</id>
    <timestamp>2022-08-19T05:59:41Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Screenshot7.png</title>
  <ns>6</ns>
  <id>27</id>
  <revision>
    <id>100</id>
    <timestamp>2022-08-19T05:59:46Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>File:Screenshot8.png</title>
  <ns>6</ns>
  <id>28</id>
  <revision>
    <id>101</id>
    <timestamp>2022-08-19T05:59:52Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20220819024953|54">
  <title>Yulia</title>
  <ns>0</ns>
  <id>29</id>
  <revision>
    <id>103</id>
    <timestamp>2022-08-19T06:02:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Yulia''' is the last surviving member of the Royal Guard."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="70" xml:space="preserve">{{stub}}

'''Yulia''' is the last surviving member of the Royal Guard.</text>
    <sha1>15fa1a0b4f1a90ae23162d1d5893f3130dbee34d</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Multiplayer</title>
  <ns>0</ns>
  <id>30</id>
  <revision>
    <id>104</id>
    <timestamp>2022-08-19T06:03:40Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}} [[Monster Outbreak]] supports multiplayer game, using classic local split screen or online multiplayer."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="112" xml:space="preserve">{{stub}}
[[Monster Outbreak]] supports multiplayer game, using classic local split screen or online multiplayer.</text>
    <sha1>eb3e9da959e5e43152d9a0d16750e79737c6b225</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Weapons</title>
  <ns>0</ns>
  <id>31</id>
  <revision>
    <id>105</id>
    <timestamp>2022-08-19T06:05:26Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  There are many different weapons in game, including [[Melee weapons|melee]] and [[Ranged weapons|ranged]] weapons."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="124" xml:space="preserve">{{stub}}

There are many different weapons in game, including [[Melee weapons|melee]] and [[Ranged weapons|ranged]] weapons.</text>
    <sha1>f97845e29050417ebb7747e610c61cb3cddd0956</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Melee weapons</title>
  <ns>0</ns>
  <id>32</id>
  <revision>
    <id>106</id>
    <timestamp>2022-08-19T06:06:29Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Melee weapons''' are weapons which are used in close- to medium-ranged combat."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="91" xml:space="preserve">{{stub}}

'''Melee weapons''' are weapons which are used in close- to medium-ranged combat.</text>
    <sha1>147ad830c787e7727113b8e2ceb155b076275e29</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Ranged weapons</title>
  <ns>0</ns>
  <id>33</id>
  <revision>
    <id>107</id>
    <timestamp>2022-08-19T06:07:08Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Ranged weapons''' are weapons which are used in ranged combat."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="75" xml:space="preserve">{{stub}}

'''Ranged weapons''' are weapons which are used in ranged combat.</text>
    <sha1>f031885377c3e8a4a296de538fd285f5c5af9535</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Swords</title>
  <ns>0</ns>
  <id>34</id>
  <revision>
    <id>108</id>
    <timestamp>2022-08-19T06:08:04Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  [[Swords]] are melee weapons."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="39" xml:space="preserve">{{stub}}

[[Swords]] are melee weapons.</text>
    <sha1>9d9ddbc7e1114261a94feac9eba854424dadd286</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Bows</title>
  <ns>0</ns>
  <id>35</id>
  <revision>
    <id>109</id>
    <timestamp>2022-08-19T06:08:42Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  [[Brows]] are ranged weapons."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="39" xml:space="preserve">{{stub}}

[[Brows]] are ranged weapons.</text>
    <sha1>4141f4d742e911efb9175108ec560a5a4cc03d42</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Build</title>
  <ns>0</ns>
  <id>36</id>
  <revision>
    <id>110</id>
    <timestamp>2022-08-19T06:09:42Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Redirected page to [[Structures]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">#REDIRECT [[Structures]]</text>
    <sha1>76d40dc001180604e5604078fe1aea5843a375f6</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Structures</title>
  <ns>0</ns>
  <id>37</id>
  <revision>
    <id>111</id>
    <timestamp>2022-08-19T06:11:15Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  There are several types of structures in the game, including [[weapon based structures]], [[trap structures]], [[resource structures]] and [[cosmetic structures]]."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="173" xml:space="preserve">{{stub}}

There are several types of structures in the game, including [[weapon based structures]], [[trap structures]], [[resource structures]] and [[cosmetic structures]].</text>
    <sha1>716e0c65ffdfc2d876ddd4973b954b7280078f6e</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Weapon based structures</title>
  <ns>0</ns>
  <id>38</id>
  <revision>
    <id>112</id>
    <timestamp>2022-08-19T06:12:26Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Weapon based structures''' are a type of structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="65" xml:space="preserve">{{stub}}

'''Weapon based structures''' are a type of structures.</text>
    <sha1>427d716ba2dd683b7ec96bac9d07a10130ff05bf</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Trap structures</title>
  <ns>0</ns>
  <id>39</id>
  <revision>
    <id>113</id>
    <timestamp>2022-08-19T06:12:50Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Trap structures''' are a type of structures"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="56" xml:space="preserve">{{stub}}

'''Trap structures''' are a type of structures</text>
    <sha1>2db02f84fe38dd6b3679fc41973c9c6546f4e28c</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Resource structures</title>
  <ns>0</ns>
  <id>40</id>
  <revision>
    <id>114</id>
    <timestamp>2022-08-19T06:13:18Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  Resource structures are a type of structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="55" xml:space="preserve">{{stub}}

Resource structures are a type of structures.</text>
    <sha1>9d3717ff4c48d8a27b35ca511f0090ad50d0271c</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Cosmetic structures</title>
  <ns>0</ns>
  <id>41</id>
  <revision>
    <id>115</id>
    <timestamp>2022-08-19T06:13:20Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  Resource structures are a type of structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="55" xml:space="preserve">{{stub}}

Resource structures are a type of structures.</text>
    <sha1>9d3717ff4c48d8a27b35ca511f0090ad50d0271c</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Fence</title>
  <ns>0</ns>
  <id>42</id>
  <revision>
    <id>116</id>
    <timestamp>2022-08-19T06:13:50Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Fence''' is a type of cosmetic structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="55" xml:space="preserve">{{stub}}

'''Fence''' is a type of cosmetic structures.</text>
    <sha1>4e92530534ba5681e99745398e6c9cad896274d5</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Smelter</title>
  <ns>0</ns>
  <id>43</id>
  <revision>
    <id>117</id>
    <timestamp>2022-08-19T06:13:59Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Smelter''' is a type of cosmetic structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="57" xml:space="preserve">{{stub}}

'''Smelter''' is a type of cosmetic structures.</text>
    <sha1>1c0ce16735c7eb41c58761e587060ecee1794a36</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Spike trap</title>
  <ns>0</ns>
  <id>44</id>
  <revision>
    <id>118</id>
    <timestamp>2022-08-19T06:14:35Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Spike trap''' is a type of trap structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="56" xml:space="preserve">{{stub}}

'''Spike trap''' is a type of trap structures.</text>
    <sha1>e4d5ca04b15c4ef334848c875df92823a75b1736</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Bomb tripwire</title>
  <ns>0</ns>
  <id>45</id>
  <revision>
    <id>119</id>
    <timestamp>2022-08-19T06:14:51Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Bomb tripwire''' is a type of trap structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="59" xml:space="preserve">{{stub}}

'''Bomb tripwire''' is a type of trap structures.</text>
    <sha1>4fbdb8212ea24c66168942233e93131cfd906394</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Bomb slingshot</title>
  <ns>0</ns>
  <id>46</id>
  <revision>
    <id>120</id>
    <timestamp>2022-08-19T06:15:24Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Bomb slingshot''' is a type of Weapon based structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="68" xml:space="preserve">{{stub}}

'''Bomb slingshot''' is a type of Weapon based structures.</text>
    <sha1>62c9842897519246629e53ac6d939692ebd19dde</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Crossbow turret</title>
  <ns>0</ns>
  <id>47</id>
  <revision>
    <id>121</id>
    <timestamp>2022-08-19T06:15:30Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}}  '''Crossbow turret''' is a type of Weapon based structures."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="69" xml:space="preserve">{{stub}}

'''Crossbow turret''' is a type of Weapon based structures.</text>
    <sha1>64a7b8cd6cef949950ca954866bd2a7654a2ef3b</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Resource building</title>
  <ns>0</ns>
  <id>48</id>
  <revision>
    <id>122</id>
    <timestamp>2022-08-19T06:15:45Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Redirected page to [[Resource structures]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">#REDIRECT [[Resource structures]]</text>
    <sha1>db3823e5fb6ae5105b5e2ea43f3d6e701eabb9c0</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>Monster Outbreak Wiki</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>123</id>
    <parentid>102</parentid>
    <timestamp>2022-08-25T10:35:03Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4382" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1525190/Monster_Outbreak/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.com/invite/EVjz9VTfbb]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/gamemunchers]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/gamemunchers/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More scrrenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>f7712f66f0d14225e2b5df76cfc81b0ee143596e</sha1>
  </revision>
  <revision>
    <id>127</id>
    <parentid>123</parentid>
    <timestamp>2022-11-24T02:53:42Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4382" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1525190/Monster_Outbreak/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.com/invite/EVjz9VTfbb]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/gamemunchers]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/gamemunchers/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More screenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>1f90d6b44d1236a3f49c2062e29f2dfbb252f5ba</sha1>
  </revision>
  <revision>
    <id>129</id>
    <parentid>127</parentid>
    <timestamp>2022-12-09T02:00:36Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2298" xml:space="preserve">__NOTITLE__ __NOTOC__
&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Ethyrial Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Ethyrial Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:gamelogo.svg|Official Ethyrial Website|64x64px|link=https://www.ethyrialmmo.com/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Ethyrial on Steam|64x64px|link=https://store.steampowered.com/app/1277920/Ethyrial_Echoes_of_Yore/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Facebook.svg|Ethyrial on Facebook|64x64px|link=https://www.youtube.com/channel/UCEnvEs3GWadmHPr7zKGWmRQ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Ethyrial on Discord|64x64px|link=https://discord.gg/8TQecxn7GR]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Ethyrial on Twitter|64x64px|link=https://twitter.com/gellyberrys]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Ethyrial on Instagram|64x64px|link=https://www.instagram.com/ethyrialechoesofyore/?hl=en ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
	--&gt;&lt;div class="box twitter"&gt;&lt;!-- 
		--&gt;&lt;h2&gt;Twitter&lt;/h2&gt;&lt;!-- 
		--&gt;&lt;twitter screen-name="gellyberrys" /&gt;&lt;!-- 
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;
&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;

[[category:{{SITENAME}}]]</text>
    <sha1>d2428ff7cad70d43f1f5abdae8cbbff3f89d5844</sha1>
  </revision>
  <revision>
    <id>130</id>
    <parentid>129</parentid>
    <timestamp>2022-12-09T02:05:27Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Undo revision 129 by [[Special:Contributions/Westgrass|Westgrass]] ([[User talk:Westgrass|talk]])</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4382" xml:space="preserve">__NOTOC__&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="intro"&gt;&lt;!--
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the Official &lt;em&gt;Monster Outbreak Wiki&lt;/em&gt;&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The Official Monster Outbreak Wiki is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div class="links"&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Steam.svg|Monster Outbreak on Steam|32x32px|link=https://store.steampowered.com/app/1525190/Monster_Outbreak/]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Discord.svg|Monster Outbreak on Discord|32x32px|link=https://discord.com/invite/EVjz9VTfbb]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Twitter.svg|Monster Outbreak on Twitter|32x32px|link=https://twitter.com/gamemunchers]]&lt;/li&gt;&lt;!--
				--&gt;&lt;li&gt;[[file:Instagram.svg|Monster Outbreak on Instagram|32x32px|link=https://www.instagram.com/gamemunchers/ ]]&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box about"&gt;&lt;!--
			--&gt;&lt;h2&gt;About The Game&lt;/h2&gt;&lt;!--
			--&gt;&lt;p&gt;[[Monster Outbreak]] is a pixel top-down survival game. Take control of [[Yulia]], the last surviving member of the Royal Guard, and confront the endless monster hordes spawned by the out-of-control [[Dimensional Orb]]. Gear up, prepare defenses, lay down traps, cook a possible last meal, and try to stay alive.&lt;/p&gt;&lt;!--
			--&gt;&lt;p&gt;Go at it alone - or enlist fellow survivors, using classic local split screen or online [[multiplayer]].&lt;/p&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box gameplay"&gt;&lt;!--
		--&gt;&lt;h2&gt;Gameplay&lt;/h2&gt;&lt;!--
		--&gt;&lt;div class="a"&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;h3&gt;The Story&lt;/h3&gt;&lt;!-- 
				--&gt;&lt;p&gt;It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;p&gt;Monster Outbreak is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:&lt;/p&gt;&lt;!--
				--&gt;&lt;ul&gt;&lt;!--
					--&gt;&lt;li&gt;[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s&lt;/li&gt;&lt;!--
					--&gt;&lt;li&gt;[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s&lt;/li&gt;&lt;!--
				--&gt;&lt;/ul&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="content-wrap"&gt;&lt;!--
	--&gt;&lt;div class="box trailer"&gt;&lt;!--
		--&gt;&lt;h2&gt;Screenshots&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;&lt;!--
			--&gt;[[File:Screenshot1.jpg]]&lt;!--
			--&gt;[[File:Screenshot2.jpg]]&lt;!--
			--&gt;[[File:Screenshot3.jpg]]&lt;!--
			--&gt;[[File:Screenshot4.jpg]]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;p&gt;[[Screenshots|More screenshots...]]&lt;/p&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;div class="box comm"&gt;&lt;!--
		--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
		--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to Monster Outbreak Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
		&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[Monster Outbreak Wiki/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--

--&gt;[[category:Monster Outbreak Wiki]]</text>
    <sha1>1f90d6b44d1236a3f49c2062e29f2dfbb252f5ba</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>MediaWiki:Pagetitle-view-mainpage</title>
  <ns>8</ns>
  <id>49</id>
  <revision>
    <id>124</id>
    <timestamp>2022-09-04T17:44:31Z</timestamp>
    <contributor>
      <username>Stygies VIII</username>
      <id>43156</id>
    </contributor>
    <comment>Created page with "Official {{SITENAME}}"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="21" xml:space="preserve">Official {{SITENAME}}</text>
    <sha1>c2d59ee45ea02d10b205a5d70873df285c4a3f46</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>MediaWiki:Pagetitle</title>
  <ns>8</ns>
  <id>50</id>
  <revision>
    <id>125</id>
    <timestamp>2022-09-04T17:44:43Z</timestamp>
    <contributor>
      <username>Stygies VIII</username>
      <id>43156</id>
    </contributor>
    <comment>Created page with "$1 - Official {{SITENAME}}"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">$1 - Official {{SITENAME}}</text>
    <sha1>57033220011e307a12da880f313762b28dee374e</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>User:ReedemtheD3ad!</title>
  <ns>2</ns>
  <id>51</id>
  <revision>
    <id>126</id>
    <timestamp>2022-09-24T00:13:02Z</timestamp>
    <contributor>
      <username>ReedemtheD3ad!</username>
      <id>37</id>
    </contributor>
    <comment>Created page with "Jared Moore (aka ReedemtheD3ad!) is the wiki.gg Team Lead.  == Contact == If you wish to get in contact, you can create a thread on the talk page [[User talk:ReedemtheD3ad!|here]] or send an E-mail [[Special:EmailUser/ReedemtheD3ad!|here]].  == Gallery == &lt;gallery&gt; File:ReedemtheD3ad!.jpg|Jared "ReedemtheD3ad!" Moore &lt;/gallery&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="329" xml:space="preserve">Jared Moore (aka ReedemtheD3ad!) is the wiki.gg Team Lead.

== Contact ==
If you wish to get in contact, you can create a thread on the talk page [[User talk:ReedemtheD3ad!|here]] or send an E-mail [[Special:EmailUser/ReedemtheD3ad!|here]].

== Gallery ==
&lt;gallery&gt;
File:ReedemtheD3ad!.jpg|Jared "ReedemtheD3ad!" Moore
&lt;/gallery&gt;</text>
    <sha1>599a2dcd202857b176c32c5d298f85d89b8feced</sha1>
  </revision>
</page>
<page arvcontinue="20220819060340|104">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>2</id>
  <revision>
    <id>131</id>
    <parentid>97</parentid>
    <timestamp>2022-12-14T22:18:03Z</timestamp>
    <contributor>
      <username>Pcj</username>
      <id>1919</id>
    </contributor>
    <comment>1.39 prep</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="72834" xml:space="preserve">/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem */
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body {
  background: none;
}

/*# sourceMappingURL=reset.css.map */

/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul {
  white-space: nowrap; /* for "log out" */
}

#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a {
  padding-top: 0;
  background-position: left center;
}

/*** responsive ***/
@media screen and (max-width: 720px) {
  footer#wikigg-footer .footer-right {
    margin-left: 0;
  }

  footer#wikigg-footer .footer-left {
    margin-right: 0;
  }
}
/* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  footer#wikigg-footer {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    padding: 3px 0 3px 10px;
  }

  footer#wikigg-footer .footer-middle {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  footer#wikigg-footer .footer-right {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }

  footer#wikigg-footer .footer-left {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
}
/* screen and (max-width:600px) */

/*# sourceMappingURL=gg.css.map */

/*** vars, for theming ***/
:root {
  --theme-hover-color: #f7dfc5;
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #424242;
  --theme-control-text-color-hover: #fff;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /*** text color ***/
  --theme-text-color: #1a1a1a;
  --theme-text-color-note: rgb(133, 133, 133);
  --theme-text-color-em: #798893;
  --theme-heading-color: #798893;
  /*** link text color ***/
  --theme-link-color: #428cbc;
  --theme-link-color-hover: #3ebae4;
  --theme-link-color-visited: #418cb9;
  --theme-link-color-redlink: #bf0017;
  /*** body background ***/
  --theme-site-background:
  		url(/images/a/a7/Site-background-2.png) top left / 25% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 25% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background2:
  		url(/images/a/a7/Site-background-2.png) top left / 35% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 35% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  --theme-site-background3:
  		url(/images/a/a7/Site-background-2.png) top left / 45% auto no-repeat fixed,
  		url(/images/9/90/Site-background-1.png) top right / 45% auto no-repeat fixed,
  		#6fb5f3 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-width: 400px;
  --theme-site-logo-height: 170px;
  /* sidebar/content common */
  --theme-box-border-width: 8px;
  --theme-box-border-image: url(/images/e/eb/Box-border.png) 40 40 38 42 fill / 20px 20px 19px 21px round;
  --theme-box-background: none;
  /* common */
  --theme-border-color:#888989;
  --theme-highlight-background: #f7dfc5;
  --theme-button-background: #f19f5e;
  --theme-button-border-color: #f19f5e;
  --theme-button-background-active: rgb(245,188,143);
  --theme-button-border-color-active: rgb(245,188,143);
  /*** sidebar ***/
  --theme-sidebar-box-background: #fff;
  --theme-sidebar-box-border-style: var(--theme-box-border-style);
  --theme-sidebar-box-border-width: var(--theme-box-border-width);
  --theme-sidebar-box-border-color: var(--theme-box-border-color);
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-heading-color);
  --theme-sidebar-heading-arrow-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color-hover: var(--theme-heading-color);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background);
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 2px solid transparent; /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 0px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background);
  --theme-sidebar-list-item-text-color: var(--theme-text-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-sidebar-box-background-2: var(--theme-box-background);
  --theme-sidebar-box-border-width-2: var(--theme-box-border-width);
  --theme-sidebar-box-border-style-2: var(--theme-box-border-style);
  --theme-sidebar-box-border-color-2: var(--theme-box-border-color);
  --theme-sidebar-dropdown-background: #fff;
  --theme-sidebar-dropdown-border: 1px solid #888989;
  /*** navbar ***/
  --theme-navbar-border-width: 0 0 1px;
  --theme-navbar-border-style: solid;
  --theme-navbar-border-color: #888989;
  --theme-navbar-tab-background: none;
  --theme-navbar-tab-box-shadow: none;
  --theme-navbar-tab-text-color: var(--theme-text-color);
  --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
  --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
  --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-navbar-tab-border-color: #888989;
  --theme-navbar-tab-background-hover: #fff;
  --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-background: #fff;
  --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color);
  --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color);
  --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-heading-color);
  --theme-navbar-tab-dropdown-background: #fff;
  --theme-navbar-tab-dropdown-border-color: var(--theme-border-color);
  --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-box-shadow: none;
  --theme-navbar-search-input-background: rgba(255,255,255);
  --theme-navbar-search-input-border-color: var(--theme-border-color);
  --theme-navbar-search-input-text-color: inherit;
  --theme-navbar-search-button-background: #969ab1;
  --theme-navbar-search-botton-border-color: var(--theme-border-color);
  --theme-navbar-search-botton-text-color: var(--theme-text-color);
  --theme-navbar-search-button-background-active: #b9bfce;
  --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
  --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
  --theme-navbar-search-suggestions-background: #fff;
  --theme-navbar-search-suggestions-border-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
  --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background);
  --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
  --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color);
  --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
  --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
  /* responsive */
  --theme-navbar-search-background: #fff;
  /*** content box ***/
  --theme-content-background: none;
  --theme-content-border-width: 0px var(--theme-box-border-width);
  --theme-content-border-style: var(--theme-box-border-style);
  --theme-content-border-color: var(--theme-box-border-color);
  --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "&lt;" */
  --theme-content-heading-rule-border-top: 0; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: none;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-width: 1px;
  --theme-content-category-border-radius: 0;
  --theme-content-category-border-color: var(--theme-border-color);
  /*** #footer ***/
  --theme-footer-text-color: #573736;
  --theme-footer-background: #f6dcc4;
  --theme-footer-link-color: #3365b4;
  --theme-footer-link-color-hover: #6393ed;
  --theme-footer-border-radius: 0 0 12px 12px;
  /** notification **/
  --theme-notice-red-text-color: #bf0017;
  --theme-notice-orange-text-color: #cf721c;
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: var(--theme-text-color);
  --theme-widget-toc-arrow-color-hover: var(--theme-hover-color);
  --theme-widget-toc-item-hover-background: var(--theme-highlight-background);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color);
}

/*# sourceMappingURL=theme.css.map */

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html {
  overflow-y: scroll;
}

/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */
  color: var(--theme-text-color);
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: sans-serif;
  color: var(--theme-heading-color);
}

body {
  font-size: 14px;
}

.vector-body {
  font-size: unset;
}

/** link color **/
/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active {
  text-decoration: none;
  color: var(--theme-link-color);
}

a:visited {
  color: var(--theme-link-color-visited);
}

a:hover, a:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
  color: var(--theme-link-color-redlink);
}

/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

/*** "terraria"-classed tables ***/
table.olo {
  border: 2px solid transparent;
  margin: calc(0.5em + 5px) 5px;
  box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
  border-radius: 3px;
  /* (border radius of .olo box) - 3px */
}

table.olo.noborder {
  padding: 0;
  border: 0;
}

table.olo th,
table.olo td {
  padding: 3px 6px;
  border-color: var(--theme-border-color);
  border-style: solid;
  border-width: 0;
}

table.olo th {
  background: var(--theme-highlight-background);
  border-color: var(--theme-border-color);
  text-align: center;
}

table.olo caption {
  font-weight: bold;
  background: var(--theme-highlight-background);
  padding: 5px;
  margin: auto 2px;
}

table.olo &gt; caption {
  padding: 3px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: 1px 1px -4px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--theme-highlight-background);
  position: relative;
}

table.olo &gt; caption:after {
  box-sizing: content-box;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-highlight-background);
  position: absolute;
  left: -4px;
  bottom: -2px;
  border-left: 4px solid var(--theme-box-background-color);
  border-right: 4px solid var(--theme-box-background-color);
}

table.olo &gt; caption.plaincaption {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 0;
  margin-bottom: 4px;
}

table.olo &gt; caption.plaincaption:after {
  background: transparent;
  border: 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

/* Auto line separators for tables */
table.olo.lined {
  padding-bottom: 0;
  /*display: inline-table;*/
}

table.olo.lined td {
  border-width: 0;
  border-bottom-width: 1px;
}

table.olo.lined::after {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: var(--theme-box-background-color);
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

table.olo.cellborder,
table.olo.border {
  border-spacing: 0;
  padding: 4px 4px 4px 3px;
  position: relative;
}

table.olo.cellborder::before,
table.olo.border::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 6px);
  background-color: var(--theme-box-background-color);
  position: absolute;
  left: 4px;
  top: 3px;
}

table.olo.cellborder td,
table.olo.border td {
  border-left-width: 1px;
  border-bottom-width: 1px;
}

table.olo.cellborder th,
table.olo.border th {
  border-left-width: 2px;
  border-top-width: 2px;
}

table.olo.cellborder tr:first-of-type th,
table.olo.border tr:first-of-type th {
  border-top: 0;
}

table.olo.cellborder::after,
table.olo.border::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6px);
  position: absolute;
  left: 3px;
  bottom: 5px;
  background-color: var(--theme-box-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-box-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width: 1520px) and (min-width: 1350px) {
  .with-siderail table.olo .i {
    white-space: normal;
  }

  .with-siderail table.olo th {
    font-size: 90%;
  }

  .with-siderail table.olo td:not(.il1c) img {
    max-width: 100%;
    height: auto;
  }
}
.olo th {
  border-bottom: 1px solid;
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/
table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

table.olo caption {
  border-width: 1px;
  border-style: solid;
  border-top-color: rgb(255, 255, 255, 0.1);
  border-right-color: rgb(13, 4, 2, 0.5);
  border-bottom-color: rgb(13, 4, 2, 0.5);
  border-left-color: rgb(255, 255, 255, 0.1);
  border-radius: 8px;
}

table.olo {
  /*display: inherit;*/
  width: auto;
}

.olo.sortable.lined.align-center.jquery-tablesorter {
  /*width: min-content;*/
}

#possible-modifiers-table,
.olo.lined.sortable.jquery-tablesorter,
.olo.lined {
  width: auto;
}

/*# sourceMappingURL=table.css.map */

/**** base styles END ***********************************************************/

/*# sourceMappingURL=baseStyle.css.map */

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
  caret-color: var(--theme-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {
  color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
.infocard .main-heading .hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
.npc.infobox .section.statistics .title,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-master .section .title,
#contentSub, #contentSub2,
.search-types .current a,
.infobox &gt; .title &gt; span,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
  color: var(--theme-text-color);
}

.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated;
  /*for chrome*/
  image-rendering: crisp-edges;
  /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  background-color: var(--theme-box-background-color);
  border-color: var(--theme-box-border-color);
  color: var(--theme-text-color);
}

/*# sourceMappingURL=base.css.map */

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --main-layout-logo-box-height: 200px;
  --main-layout-logo-offset: 12px;
  --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
  --main-layout-sidespace: 24px; /* whitespace width on most left and most right */
  --main-layout-gap: 12px;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px);
  --main-box-border-radius: 5px;
  --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width));
  --main-box-padding: 12px;
  background: var(--theme-site-background);
  /* Removes second vertical scrollbar(mw 1.37 fix) */
  overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: var(--main-layout-topbar-height);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
  gap: 0 var(--main-layout-gap);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: nav-start/page-end;
  margin-bottom: var(--main-layout-gap);
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: content-left/content-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: content-left/content-right;
  grid-row: footer-start/footer-end;
  margin: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
  background: none;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: page-end/body-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--main-layout-logo-height);
  left: 0;
  top: var(--main-layout-topbar-height);
  background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--theme-site-logo-width);
  height: var(--theme-site-logo-height);
  margin: auto;
  background: none;
  /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/*# sourceMappingURL=layout.css.map */

/**** side panel START ***********************************************************/
#mw-panel {
  font-size: 12px;
  line-height: 1.5;
  color: var(--theme-text-color);
}

#mw-panel a {
  text-decoration: none;
}

/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
  margin: var(--main-layout-gap) 0 0 0;
  padding: 0;
  color: var(--theme-sidebar-heading-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel #p-logo + .portal {
  margin-top: 0;
  position: relative;
}

/* section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  margin: 0;
  padding: 6px 10px;
  border-bottom: var(--theme-sidebar-heading-border-bottom);
  border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
  background: var(--theme-sidebar-heading-background);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-sidebar-heading-text-color);
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-sidebar-heading-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  margin-top: 4px;
  vertical-align: middle;
  flex: 0 0 auto;
}

#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}

#mw-panel .portal.collapsed .vector-menu-heading {
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-sidebar-list-border-top);
}

#mw-panel .portal .body ul {
  padding: var(--theme-sidebar-list-padding-top) 2px 4px 4px;
}

#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background: var(--theme-sidebar-list-item-background);
  border-radius: var(--main-inner-box-border-radius);
}

#mw-panel .portal .body li:hover {
  background: var(--theme-sidebar-list-item-hover-mask);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  display: block;
  padding: 3px 6px;
  color: var(--theme-sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
  color: var(--theme-sidebar-list-item-text-color-hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
  text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
  background-position: 8px center; /* align icon with other text */
}

#merch {
  margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/*# sourceMappingURL=sidebar.css.map */

/**** main content box START ***********************************************************/
/**** box for nav+content+#footer ****/
#mw-page-base {
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  box-sizing: border-box;
}

/**** navbar ****/
#mw-head {
  margin: var(--theme-box-border-width);
  padding: 14px var(--main-box-padding) 0;
  border-width: var(--theme-navbar-border-width);
  border-style: var(--theme-navbar-border-style);
  border-color: var(--theme-navbar-border-color);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}

#mw-head #left-navigation {
  justify-content: flex-start;
}

#mw-head #right-navigation {
  justify-content: flex-end;
}

/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  background-image: none;
  float: none;
  height: auto;
  display: block;
}

#mw-head input {
  display: block;
  z-index: 1;
}

#mw-head input + .vector-menu-heading {
  z-index: 0;
}

.vectorMenuCheckbox:focus + .vector-menu-heading {
  outline: 0;
}

.vectorTabs ul {
  display: flex;
}

.vectorTabs ul li,
.vector-menu-dropdown {
  display: block;
  white-space: nowrap;
}

.vector-menu-dropdown.emptyPortlet {
  display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color);
  font-size: 14px;
  line-height: 24px;
  padding: 3px 12px;
  overflow: hidden;
}

.vector-menu-dropdown .vector-menu-heading:hover span {
  color: var(--theme-navbar-tab-text-color); /* reset */
  text-decoration: underline;
}

.vectorTabs li,
.vector-menu-dropdown {
  background: var(--theme-navbar-tab-background);
  border-style: solid;
  border-color: var(--theme-navbar-tab-border-color);
  border-width: 1px 1px 0 1px;
  border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
  box-shadow: var(--theme-navbar-tab-box-shadow);
  position: relative;
  margin-right: calc(var(--main-box-padding) / 2);
}

div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
  color: var(--theme-navbar-tab-text-color-hover);
  border-color: var(--theme-navbar-tab-border-color-hover);
  background: var(--theme-navbar-tab-background-hover);
}

div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span {
  color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-navbar-tab-text-color-redlink);
}

.vectorTabs li.selected {
  background: var(--theme-navbar-tab-selected-background);
  border-color: var(--theme-navbar-tab-selected-border-color);
}

.vectorTabs li.selected:hover span {
  background: none;
}

/* cover border bottom */
.vectorTabs li.selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--theme-navbar-tab-selected-background);
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 3;
}

/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  display: block;
  position: unset;
  width: 18px;
  height: 18px;
  padding: 6px 8px;
  box-sizing: content-box;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
  height: 18px;
  width: 18px;
  display: inline-block;
  position: unset;
  margin-right: 20px;
}

.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
  transform-origin: 50% 52%;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
  padding: 0;
  margin: 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
  display: none;
}

.vector-menu-dropdown .vector-menu-heading span::after {
  content: "";
  display: inline-block;
  background: none;
  position: unset;
  width: 0;
  height: 0;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  margin-left: 4px;
  vertical-align: middle;
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after {
  border-width: 0 5px 6px 5px;
  border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}

/* drop down menu */
.vector-menu-dropdown.open .menu {
  visibility: visible;
}

/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li {
  font-size: 1em;
}

.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown &gt; .menu {
  font-size: 15px;
  background: var(--theme-navbar-tab-dropdown-background);
  margin: 0;
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-tab-dropdown-border-color);
  box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
  padding: 4px;
  top: 100%;
  left: -1px; /* 1px for border */
  min-width: 8em;
}

.vector-menu-dropdown .menu li a {
  text-decoration: none;
  padding: 10px 8px;
  border-radius: calc(var(--main-box-border-radius) - 2px);
  font-size: 1em;
  color: var(--theme-navbar-tab-text-color);
}

.vector-menu-dropdown .menu li a:hover {
  background-color: var(--theme-navbar-tab-dropdown-hover-mask);
  color: var(--theme-navbar-tab-text-color-hover);
}

.vector-menu-dropdown li.selected {
  display: none; /* just remove current selected (already displayed in header) */
}

/* search */
#p-search form,
#p-search input {
  margin: 0;
}

#mw-head #p-search {
  margin: 0 0 6px calc(var(--main-layout-gap) / 2);
}

#simpleSearch {
  background: none;
  margin: 0;
  border: 0;
  color: var(--theme-text-color);
  width: 18em;
  padding: 0;
  height: auto;
  border-radius: 0;
  transition: none;
  display: grid;
  grid-template-columns: 1fr 0fr;
  grid-template-rows: 1fr;
  align-content: stretch;
  justify-content: stretch;
}

#simpleSearch #searchInput {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 3px 5px;
  background: var(--theme-navbar-search-input-background);
  border-radius: 2px 0 0 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-navbar-search-input-border-color);
  border-right: 0;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  color: var(--theme-navbar-search-input-text-color);
  height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--theme-navbar-search-input-border-color);
  box-shadow: none;
}

#simpleSearch #searchButton {
  grid-column: 2/3;
  grid-row: 1/2;
  box-sizing: border-box;
  position: static; /* reset css from mw internal */
  display: block;
  width: 28px;
  height: 100%; /* mw internal css override its button default styles, so override again  */
  background: var(--theme-navbar-search-button-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-botton-border-color);
  border-radius: 0 2px 2px 0;
  z-index: 0;
}

#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton {
  background: var(--theme-navbar-search-button-background-active);
  border-color: var(--theme-navbar-search-botton-border-color-active);
} /* use ::before &amp; ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after {
  content: "";
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  place-self: center;
  border-style: solid;
  border-color: var(--theme-navbar-search-botton-text-color);
  pointer-events: none;
}

#simpleSearch:hover::before,
#simpleSearch:hover::after {
  border-color: var(--theme-navbar-search-botton-text-color-active);
}

#simpleSearch::before {
  border-width: 2px;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 0;
  transform: translateX(-1px);
}

#simpleSearch::after {
  border-width: 1px;
  width: 3px;
  height: 0;
  transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions {
  background: var(--theme-navbar-search-suggestions-background);
  border: 1px solid;
  border-color: var(--theme-navbar-search-suggestions-border-color);
  transform: translateX(3px); /* self border 2px + input border 1px */
}

.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
  border: 0;
}

.suggestions .suggestions-results {
  border-bottom: 1px solid;
  border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}

.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-navbar-search-suggestions-text-color);
}

.suggestions .suggestions-result-current {
  background: var(--theme-navbar-search-suggestions-hover-mask);
  color: var(--theme-navbar-search-suggestions-text-color-hover);
}

.suggestions .suggestions-special {
  margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
  border-top: 1px solid;
  border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}

.suggestions .suggestions-special .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color);
}

.suggestions .suggestions-result-current .special-label {
  color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/*# sourceMappingURL=navbar.css.map */

/**** main content box ****/
body .mw-body {
  color: var(--theme-text-color); /* override mw internal css */
  background: var(--theme-content-background);
  border-style: var(--theme-content-border-style);
  border-width: var(--theme-content-border-width);
  border-color: var(--theme-content-border-color);
  margin: 0 var(--theme-box-border-width);
  box-sizing: border-box;
  padding: 0;
  z-index: 1; /* cover #footer */
  display: flex;
  flex-direction: column;
}

.content-body {
  flex: 1 1 auto;
}

.content-body &gt; main {
  align-self: stretch;
  padding: var(--main-box-padding);
}

#firstHeading {
  border: 0;
  margin: 0;
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
  color: var(--theme-heading-color);
}

#contentSub, #contentSub2 {
  margin: 0;
}

#contentSub .subpages {
  color: transparent;
  line-height: 1.5;
  font-size: 0;
}

#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}

#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-content-subpage-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}

#bodyContent {
  display: flex;
  flex-direction: column;
}

#mw-content-text {
  flex: 1 1 auto;
  min-height: 35em;
}

#mw-content-text::before {
  content: "";
  display: block;
  height: 0;
  border-top: var(--theme-content-heading-rule-border-top);
  border-bottom: var(--theme-content-heading-rule-border-bottom);
  margin-top: 2px;
  margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}

/* section edit link */
.mw-editsection {
  white-space: nowrap;
}

/* "category:" box */
#catlinks {
  background: var(--theme-content-category-background);
  border-width: var(--theme-content-category-border-width);
  border-style: var(--theme-content-category-border-style);
  border-color: var(--theme-content-category-border-color);
  border-radius: var(--theme-content-category-border-radius);
  margin: var(--main-layout-gap) 0 0 0;
  padding: calc(var(--main-box-padding) / 2) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--main-box-padding);
}

div.games-showcase-header {
  padding-bottom: 0;
}

div.games-showcase-footer {
  padding-top: 0;
}

.games-showcase-header img,
.games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.content-body &gt; .games-showcase-sidebar {
  padding-left: 0;
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--main-box-padding) 0;
}

@media screen and (max-width: 1100px) {
  .games-showcase-header img,
.games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img,
.games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

/*# sourceMappingURL=content.css.map */

/**** #footer (copyright info) ****/
#footer {
  /* self */
  color: var(--theme-footer-text-color);
  background: var(--theme-footer-background);
  background-clip: padding-box;
  padding: var(--main-box-padding);
  margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) calc(var(--theme-box-border-width) + 2px);
  border-radius: var(--theme-footer-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
}

.mw-footer li {
  color: var(--theme-footer-text-color);
}

#footer a {
  color: var(--theme-footer-link-color);
}

#footer a:hover {
  color: var(--theme-footer-link-color-hover);
}

#footer-info {
  font-size: 11px;
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  /* mediawiki logo is 31px height, and this image has a 1px black border,
     a small tweak to make them visually matched on size and position */
  bottom: -1px;
  height: 33px;
  width: auto;
}

#footer-places,
#footer &gt; div {
  display: none;
}

/*# sourceMappingURL=footer.css.map */

/**** main content box START ***********************************************************/

/*# sourceMappingURL=mainBox.css.map */

/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
  :root {
    --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
  }
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
  :root {
  --main-layout-sidespace: 0;
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}

/* re-style "sidebar" nav */
body {
  height: 100%;
  grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
  grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#p-logo {
  background-size: calc(var(--theme-site-logo-width) * 0.75) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.75);
  height: calc(var(--theme-site-logo-height) * 0.75);
}

#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  height: 35px;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--main-layout-gap);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
}

#mw-panel .portal,
#mw-panel #p-logo + .portal {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0;
  position: relative;
}

#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  padding: 9px 12px 8px;
  border: 0;
  border-radius: 0;
  background: none;
}

#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
  background: var(--theme-sidebar-list-item-hover-mask);
  border-radius: 0;
}

#mw-navigation #mw-panel .portal .vector-menu-heading::after {
  margin-left: 4px;
}

#mw-panel div.portal .vector-menu-heading::after {
  border-width: 6px 5px 0 5px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 5px 6px 5px;
}

#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
  display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  width: max-content;
  border: var(--theme-sidebar-dropdown-border);
  border-top: 0;
  background: var(--theme-sidebar-dropdown-background);
  box-shadow: var(--theme-sidebar-box-shadow);
  border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
  min-width: 8em;
}

#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
  display: block !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  padding: 6px 8px;
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
  position: absolute;
  top: calc(0px - var(--theme-sidebar-box-border-width-2) - 48px);
}

#mw-head #right-navigation #p-cactions {
  margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
  left: auto;
  right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle {
  display: none;
}

/* site footer */
body &gt; footer {
  margin-top: var(--main-layout-gap);
}

/*# sourceMappingURL=1366px.css.map */

} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  :root {
  --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5 + 20px);
  --main-layout-gap: 6px;
  --main-box-padding: 6px;
  background: var(--theme-site-background2);
}

body {
  grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
}

/** reset mw internal css **/
#mw-head {
  position: relative !important;
  margin-top: 0;
  top: 0;
}

div#mw-navigation div#mw-panel {
  display: flex;
  position: static;
  width: auto;
  overflow: visible;
}

div#mw-navigation div#mw-panel .portal {
  width: auto;
}

body #footer {
  padding-top: 0.75em;
}

body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
  display: block;
}

#mw-head div#left-navigation,
#mw-head div#right-navigation {
  position: static;
}

div#p-logo {
  display: block;
  /* move to left */
  margin: 0 var(--main-layout-gap);
  width: calc(var(--theme-site-logo-width) * 0.5);
  background-size: calc(var(--theme-site-logo-width) * 0.5) auto;
}

#p-logo .mw-wiki-logo {
  width: calc(var(--theme-site-logo-width) * 0.5);
  height: calc(var(--theme-site-logo-height) * 0.5);
}

div.mw-body {
  margin-top: 0;
}

#mw-head #p-search {
  background: var(--theme-navbar-search-background);
  padding: 6px 12px 6px 6px;
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
  border-width: var(--theme-box-border-width) 0 var(--theme-box-border-width) var(--theme-box-border-width);
  top: -110px;
  right: -8px;
  z-index: 50;
}

#mw-head,
#mw-panel,
.mw-body,
#footer,
#mw-page-base {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

#mw-panel::before {
  left: 0;
  right: 0;
}

/*# sourceMappingURL=900px.css.map */

} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
  --main-layout-topbar-height: 35px;
  /* height of wiki.gg topbar */
}

/* reset */
div#p-namespaces, div#p-views, div#p-variants {
  top: 0;
}

div#mw-navigation div#mw-panel {
  font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
  font-size: 12px;
  padding: 8px 6px;
}

#mw-panel div.portal .vector-menu-heading::after,
#mw-panel .portal.collapsed .vector-menu-heading::after {
  border-width: 5px 4px 0;
  margin-top: 1px;
}

#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
  border-width: 0 4px 5px;
}

#mw-panel #p-logo + .portal {
  margin-left: calc(var(--main-layout-gap) - 6px);
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  font-size: 12px;
  padding: 1px 8px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
  padding: 4px 8px;
}

/*# sourceMappingURL=720px.css.map */

} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
  background: var(--theme-site-background3);
}

/* reset mw internal css */
#footer #footer-icons {
  float: none;
}

#footer #footer-info-copyright {
  padding-right: 0;
  padding-bottom: 40px;
  right: auto;
  left: 0;
}

#footer-info-copyright img {
  right: auto;
  left: 0;
}

div#p-logo {
  margin: auto;
  width: 100%;
}

#mw-panel {
  margin-top: 45px;
}

#mw-panel::before {
  transform: translateY(45px);
}

#mw-head #p-search {
  top: -108px;
  box-sizing: border-box;
  width: 100%;
  max-width: 20em;
  margin: 0;
  padding: var(--main-box-padding);
  box-shadow: none;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-radius: var(--main-box-border-radius);
  border-width: var(--theme-box-border-width);
}

div#simpleSearch {
  margin: auto;
  width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 3px 6px;
  box-sizing: content-box;
}

div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
  content: "";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 20px;
  height: 0;
  border-bottom: 60px solid transparent;
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
  margin: -40px 20px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}

div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}

.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before {
  filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}

#ca-edit a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}

#ca-view a::before,
#ca-view-foreign a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}

#left-navigation li[id^=ca-nstab-] a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}

#ca-history a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}

#ca-talk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}

#t-contributions a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}

#ca-addsection a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}

#ca-viewsource a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}

#p-variants .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}

#p-cactions .vector-menu-heading span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}

/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before {
  border: 0;
  filter: none;
  margin: 0 20px 0 0;
}

/*# sourceMappingURL=600px.css.map */

} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  #mw-panel {
  padding-left: 6px;
  padding-right: 6px;
}

#mw-panel div.portal .vector-menu-heading::after {
  display: none;
}

#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label {
  width: 18px;
  display: block;
  white-space: nowrap;
  padding: 8px;
}

#p-navigation-label::before,
#p-lang-label::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 18px;
  height: 0;
  border-bottom: 60px solid transparent;
  position: relative;
  filter: drop-shadow(0 42px 0 var(--theme-text-color));
  margin: -42px 20px 0 0;
}

#p-navigation-label::before {
  background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}

#p-lang-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}

#mw-navigation #mw-panel #p-lang {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

#mw-panel #p-lang .body {
  left: auto;
  right: 0;
}

div#simpleSearch {
  width: 90%;
}

/*# sourceMappingURL=450px.css.map */

} /* screen and (max-width:450px) */

/*# sourceMappingURL=layoutResponsive.css.map */

/***** Notification *****/
.mw-notification {
  color: var(--theme-text-color);
  border: var(--theme-box-border-width) solid transparent;
  background-clip: padding-box;
  background: var(--theme-box-background);
  border-image: var(--theme-box-border-image);
  transform: none;
}

/* postedit notification */
.postedit-container {
  top: 4em;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/*# sourceMappingURL=interface.css.map */

/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=floatingScroll.css.map */

/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/** ToC **/
.toc {
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  background: var(--theme-box-background);
  margin: 1em auto 1em 0;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}

.toc .toctitle h2 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}

.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 0;
  border-bottom: 52px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: drop-shadow(0 40px 0 var(--theme-text-color));
  margin: -40px 6px 0 0;
}

.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toc .toctogglespan::before,
.toc .toctogglespan::after {
  display: none;
}

.toc .toctogglelabel::after {
  display: none;
}

.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-widget-toc-arrow-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.toc .toctogglelabel:hover::before {
  border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}

.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}

/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
  margin: 0 0 0 1em;
}

.toc a {
  color: var(--theme-text-color);
}

.toc .tocnumber {
  color: var(--theme-text-color-note);
}

.toc .tocnumber::after {
  content: ".";
}

.toc .toctitle,
.toc &gt; ul {
  padding: 0.5em;
}

.toc &gt; ul {
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}

.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}

.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-widget-toc-item-hover-background);
}

.toc h2 {
  font-weight: normal;
}

.toc li {
  margin: 0;
}

/*# sourceMappingURL=ToC.css.map */

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Thumbnail background color */
html .thumbimage {
  background-color: #4d3a32;
}

/** gallery **/
.thumbinner {
  border-radius: 5px;
}

li.gallerybox div.thumb {
  border-radius: 5px;
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*# sourceMappingURL=content.css.map */

/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
/* Hide page title on main page */
body.rootpage-Monster_Outbreak_Wiki.action-view h1.firstHeading,
body.rootpage-Monster_Outbreak_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Monster_Outbreak_Wiki.action-view #mw-content-text::before {
  display: none;
}

body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .footer {
  text-align: right;
  font-size: 12px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--main-box-border-radius);
  padding: 1.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent h2 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent p {
  margin: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap {
    display: block;
    margin-bottom: 0;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
  flex: 1 0 auto;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box {
    margin-bottom: 1em;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header {
  font-size: 12px;
  text-align: center;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header h2 em {
  display: inline-block;
  font-style: normal;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links ul {
  margin: 1em auto auto;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .box.header .links li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
  display: flex;
  gap: 12px;
  flex-direction: column;
  flex: 1 1 400px;
}
@media (max-width: 900px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .intro {
    display: block;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay {
  flex: 3 3 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child {
  background: #f2f2f2;
  padding: 1em;
  margin-bottom: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .gameplay .a &gt; div:first-child h3 {
  margin-top: 0;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer {
  flex: 1 1 800px;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
  width: auto !important;
  flex: 1 1 20%;
}
@media (max-width: 1024px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 40%;
  }
}
@media (max-width: 500px) {
  body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image {
    flex: 1 1 80%;
  }
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; div &gt; a.image img {
  width: 100% !important;
  height: auto !important;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .trailer &gt; p {
  text-align: right;
  margin-top: 1em;
}
body.rootpage-Monster_Outbreak_Wiki.action-view #bodyContent .content-wrap .comm {
  flex: 1 1 410px;
}

/*********** Main page  END ****************/

/*# sourceMappingURL=mainPage.css.map */


/*# sourceMappingURL=pages.css.map */


/*# sourceMappingURL=common.css.map */</text>
    <sha1>9e1f24ae4dd0084d4c08bd3dd2113050e2a45b37</sha1>
  </revision>
</page>
</mediawiki>